<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    body {
        height: 2000px;
    }
</style>

<body>

</body>
<script>
    //函数节流:设定一个时间,让函数在特定的时间内只执行一次,不会频繁执行
    //辅助:setTimeout flag

    let body = document.getElementsByTagName('body')[0];
    let flag = true; //节流标识,是否到两秒 默认是true,第一次要进入到if里面
    body.onscroll = () => {
        if (flag) {
            flag = false;
            //如果到2s 触发函数
            setTimeout(() => {
                flag = true; //改变状态
                console.log('触发打印');
            }, 2000);

        }
        //未节流之前
        // setTimeout(() => {
        //     console.log('触发打印');
        // }, 2000);
    }
</script>

</html>